<template>
	<van-list v-model="loading" :finished="finished" @load="onLoad">
	  	<van-cell v-for="item in list" :key="item" :title="item + ''" />
	</van-list>
</template>

<script>
	import { List,Cell } from 'vant';
	export default {
		  data() {
		    return {
		      list: [],
		      loading: false,
		      finished: false
		    };
		  },
		  // 注册组件
		  components:{
		  	[List.name] : List,
		  	[Cell.name] : Cell
		  },
		
		  methods: {
		    onLoad() {
		      setTimeout(() => {
		        for (let i = 0; i < 10; i++) {
		          this.list.push(this.list.length + 1);
		        }
		        this.loading = false;
		
		        if (this.list.length >= 40) {
		          this.finished = true;
		        }
		      }, 500);
		    }
		  }
		}
</script>

<style>
</style>